<%@include file="cabecera.jsp"%>
<!-- Funciones JavaScript para la validacion de formularios -->
<script language="JavaScript" src="resources/js/validaciones.js"></script>
	<!-- main begins-->	
		<div class="main">	
		
	<!-- main content begins-->		
	<!-- NOTA: este bloque cambia para TODAS las paginas-->
			<div class="content">
				<div class="center"><h1><bean:message key="calendario.publico"/></h1></div>
				<%@include file="calendarioMensual.jsp"%>
				<p></p>
				<div class="blockheader">
					<bean:message key="listaCitas.proximas"/>
			</div>
			<table class="block" width="100%">
				<tr>
					<th align="center">
						<bean:message key="registroCita.titulo"/>
					</th>
					<th align="center">
						<bean:message key="registroCita.fechaInicio" />
					</th>
					<th align="center">
						<bean:message key="registroCita.fechaFin" />
					</th>
				</tr>
				
				<c:choose>
					<c:when test="${not empty calendarioForm.listaCitas}"> 

						<c:forEach items="${calendarioForm.listaCitas}" var="cita">
							<tr>
								<td align="center" class="name">
									<c:out value="${cita.nombre}"/>											
								</td>
								<td align="center" class="name">
									<fmt:formatDate value="${cita.fechaInicioDate}" pattern="dd/MM/yyyy HH:mm:ss" />									
								</td>
								<td align="center" class="name">
									<fmt:formatDate value="${cita.fechaFinDate}" pattern="dd/MM/yyyy HH:mm:ss" />								
								</td>
							</tr>												
						</c:forEach>

					</c:when>
					<c:otherwise>
						<tr colspan="3">
							<td><span> <bean:message key="error.noExistenCitas"/> </span></td>
						</tr>
					</c:otherwise>
				</c:choose>
				
			</table>
			<div class="blockfooter">
				<div class="left"></div><div class="right"></div>
			</div>
			</div>
	<!-- main content ends-->
	
	<!-- sidebar begins-->
	<!-- NOTA: este bloque es igual en todas las paginas excepto en contactos, citas y opciones que no tendran la clase "invisible" correspondiente-->
			<div class="sidenav">
				<div class="login">
					<div class="blockheader">
						<bean:message key="login.titulo" />
					</div>
					<html:form action="/identificacion.isp" method="post" onsubmit="return validaLogin();">
						<table class="block">
							<tr>
								<td>
									<span><bean:message key="login.usuario" /></span>
								</td>
								<td>
									<html:text property="usuario.nick" styleClass="styled"></html:text>
								</td>
							</tr>
							<tr>
								<td>
									<span><bean:message key="login.password" /></span>
								</td>
								<td>
									<html:password property="usuario.password" styleClass="styled"></html:password>
								</td>
							</tr>
							<tr>
							</tr>
							<tr>
								<td>
									<html:link action="/registrarUsuario.isp"><bean:message key="login.registrarUsuario"/></html:link>		
								</td>
								<td>
									<html:submit styleClass="button"><bean:message key="login.aceptar" /></html:submit>	
								</td>
							</tr>
							<tr>
								<td colspan="2">
									<html:errors name="errors" />
								</td>								
							</tr>
								
						</table>
					</html:form>
					<div class="blockfooter">
						<div class="left"></div><div class="right"></div>
					</div>
				</div>
			</div>
	<!-- sidebar ends-->
	
			<div class="clearer"><span></span></div>
			
		</div>
	
	</div>
	<!-- main ends-->	
	
<%@include file="pie.jsp"%>